<template>
  <jl-base>
    <div class="w12">
      <jl-header>
        <mt-header title="新增合同" :fixed="true">
          <i slot="left">
            <mt-button icon="back" @click="back"></mt-button>
          </i>
        </mt-header>
      </jl-header>

      <jl-content style="background-color: #f1f1f1;">
        <div class="dld_title">
          <span class="fl"><i class="fa fa-user mr5"></i>{{goods.LXR}}</span>
          <span class="fl ml20"><i class="fa fa-phone-square mr5"></i>{{goods.LXDH}}</span>
          <span class="w12 font_size_standard mt10"><i class="fa fa-map-marker mr5"></i>{{goods.AZDZ}}</span>
        </div>

        <div class="dld_body">
          <jl-from-input label="工程商品编码" disabled type="number" v-model="goods.GCSPBM"/>

          <div class="jl_list">
            <div class="jl_list_item bor_bottom">
              <span class="w12">{{goods.GCSPMC}}</span>
            </div>
          </div>

          <jl-from-input label="合同数量" disabled placeholder="请输入合同数量" v-model="goods.PFSL"/>
          <jl-from-input label="合同单价" disabled v-model="goods.SQDJ"/>
          <jl-from-input disabled label="合同金额" :value="goods.SQJE|money"></jl-from-input>
          <jl-from-input label="联系人" disabled v-model="goods.LXR"/>
          <jl-from-input label="联系电话" disabled v-model="goods.LXDH"/>

          <jl-from-textarea placeholder="商品备注信息" v-model="goods.BZ"/>
        </div>
      </jl-content>
    </div>
  </jl-base>
</template>

<script>
  export default {
    name: 'my-goods-edit',
    props: {
      goods: {
        type: Object, default() {
          return {}
        }
      },
      edit_show: {
        type: Boolean,
        default: false
      },
      orderInfo: {
        type: Object, default() {
          return {}
        }
      }
    },
    methods: {
      back() {
        this.$set(this.goods, 'edit_show', false)
        this.$emit('back', false)
      },
    },
    created() {
      this.$set(this.goods, 'PFSL', this.goods.SQSL)
      this.$set(this.goods, 'SQDJ', this.goods.PFDJ)
      this.$set(this.goods, 'SQJE', this.goods.PFJE)
    }
  }
</script>

<style scoped>

</style>
